<%@ page language="java" pageEncoding="UTF-8"%>
<!--分页查询共用的页面-->
<%@ include file="/common/paginateUtil.jsp"%>
  
</head>

		<script type="text/javascript" charset="utf-8">
			//删除表格的某一行，删除后，会自动刷新表格			
			function getDeleteActionColumn(alue, rowData, rowIndex)
			{  
				var entityId = rowData.driverId;
				var html =  "<img style='cursor: pointer;' src='<%=imgPath%>/cross.gif' onclick=\"Utility.deleteEntity('delete.action','" +entityId+"');\"/>";
				return html;
			}
			//编辑列
			function getEditActionColumn(value, rowData, rowIndex)
			{
				var entityId = rowData.driverId;
				var html =  "<a href=\"javascript:InfoWindow.editDriverInfo('" + entityId+ "');\">" +" 编辑</a>";
				return html;

			}

			

			$(document).ready(function() {
				  //创建下拉部门树
    			Utility.createDepTree("dri_depId");
				$("#btnQuery").click(function(){
				        Utility.loadGridWithParams();
				});
				        Utility.loadGridWithParams();
			} );
		</script>
<body>
			<div id="toolbar">
			<form id="queryForm" action="<%=ApplicationPath%>/driverInfo/paginate.action">
			   <input type="hidden" name="queryId" value="driverInfo.selectDrivers" />		    
			   <input type="hidden" name="fileName" value="驾驶员信息" />	      
			<table width="100%" class="TableBlock">
				<tr>
					<td> 车组: </td>
					<td><select id="dri_depId" name="depId" style="width:140px;"></select></td>
					<td> 车牌号: </td>
					<td> <input type="text" name="plateNo" size="10" id="plateNo">(模糊查询) </td>
					<td> 司机姓名: </td>
					<td> <input type="text" name="name" size="10" id="name"> </td>
					<td>身份证号:</td>
					<td> <input type="text" name="identityCard" size="10"> </td>
			
					<td align="left">
						<a id="btnQuery" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>&nbsp;
						<a id="btnReset" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-clear'">重置</a>&nbsp;
						<a id="btnNew" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="InfoWindow.editDriverInfo(0);">新增</a>&nbsp;
						<a id="btnExport" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-excel'" onclick="Utility.excelExport('<%=ApplicationPath%>/export.action');">导出</a>
						<!--调用utility.js-->
			
					</td>
				</tr>
			</table>

		</form>	 
		</div>
			<table id="queryGrid" class="easyui-datagrid" title="" style="width:100%;height:480px"
						data-options="pagination:true,pageSize:15,singleSelect:true,rownumbers:true,striped:true,fitColumns: true,
						pageList: [15, 20, 50, 100, 150, 200],fit:true,toolbar:'#toolbar',
						url:'<%=ApplicationPath%>/driverInfo/paginate.action',method:'get'">
					<thead>
						<tr>
							<th data-options="field:'depName'" width="10%">车组</th>
							<th data-options="field:'driverName'" width="13%">司机姓名</th>
							<th data-options="field:'monitor'" width="13%">押运员</th>
							<th data-options="field:'identityCard'" width="13%">身份证号</th>
							<th data-options="field:'telephone'" width="13%">移动电话</th>
							<th data-options="field:'driverLicence'" width="13%">丛业资格证</th>
							<th data-options="field:'licenseAgency'" width="13%">发证机构</th>
							<th data-options="field:'plateNo'" width="11%">驾驶车辆</th>
							<th data-options="field:'1',formatter:getEditActionColumn" width="5%">编辑</th>
							<th data-options="field:'2',formatter:getDeleteActionColumn" width="5%">删除</th>
						</tr>
					</thead>				
				</table>

</body>

